.panel {
  height: 100%;
  padding: 15px;
  display: flex;
  flex-direction: column;

  &-top {
    z-index: 2;
    &-title {
      border-bottom: 1px solid #1898C5;
      padding-bottom: 13px;
      font-size: 20px;

      &__num {
        color: #21E2FF;
      }
    }

    &-condition {
      display: flex;
      margin-top: 6px;
      position: relative;

      &-item {
        flex: 1;
        background-color: rgba(2, 167, 240, 0.2);
        padding: 5px;
        text-align: center;
        cursor: pointer;

        &:hover, &.actived {
          color: #21E2FF;
        }

        & + .panel-top-condition-item {
          border-left: 1px solid #FFF;
        }
      }

      &-children {
        position: absolute;
        width: 100%;
        padding: 10px 10px 5px;
        background-color: rgba(9,42,82, 1);
        top: calc(100% + 4px);

        .children-item {
          display: inline-flex;
          font-size: 14px;
          border: 1px solid #112eea;
          cursor: pointer;
          padding: 5px 5px;
          margin-right: 5px;
          margin-bottom: 5px;

          &:hover, &.selected {
            color: #00ffff;
          }
        }
      }
    }
  }

  &-main {
    flex: 1;
    position: relative;
    overflow-y: auto;
    margin-top: 10px;
  }

  .company-item {
    display: flex;
    border-bottom: 1px solid #1E76D9;
    padding: 15px 0;

    &:hover {
      background-color: rgba(255, 255, 255, .1);
    }

    &-index {
      width: 33px;
      height: 23px;
      background: url("~@/assets/screen/ico-index.svg") no-repeat;
      background-size: 100% 100%;
      font-size: 14px;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    &-main {
      flex: 1;
      margin-left: 10px;
    }
    &-title {
      font-size: 18px;
      cursor: pointer;

      &:hover {
        color: #00ffff;
      }
    }
    &-line {
      display: flex;
      justify-content: space-between;
      margin-top: 10px;
    }
    &-line2 {
      display: flex;
      margin-top: 10px;
    }

    &-block {
      display: inline-flex;

      &__label {

      }
      &__value {

        .num {
          color: #21E2FF;
        }
        .unit {
          font-size: 12px;
        }
      }
    }

    &-name {
      color: #82DEF8;
    }

    &-tag {
      margin-left: 8px;
      background-color: #2f5a1a;
      border: 1px solid #3dba02;
      font-size: 14px;
      padding: 4px 8px;
      border-radius: 3px;
      line-height: 1;

      &.danger {
        background-color: #620a5f;
        border-color: #e832e1;
      }
    }
  }
}
